﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <link href="../themes/default/easyui.css" rel="stylesheet" />
    <link href="../themes/icon.css" rel="stylesheet" />
    <script src="../scripts/jquery.min.js"></script>
    <script src="../scripts/jquery.easyui.min.js"></script>
</head>
<body>
    <table id="dg"></table>
    <div id="tb" style="margin:5px 7px 10px 7px;">
        <a id="btn" href="#" class="easyui-linkbutton add" data-options="iconCls:'icon-add'">新增</a>
        <a id="btn" href="#" class="easyui-linkbutton alter" data-options="iconCls:'icon-edit'">修改</a>
        <a id="btn" href="#" class="easyui-linkbutton del" data-options="iconCls:'icon-cut'">删除</a>
        <a id="btn" href="#" class="easyui-linkbutton lock" data-options="iconCls:'icon-lock'">挂失锁定</a>
        <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-icon1'">会员转账</a>
        <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload'">会员换卡</a>
        <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-excel'">导出Excel</a>
        <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-icon2'">导入Excel</a>
        <br />会员卡号：<input type="text" />
        会员姓名：<input type="text" />
        电话：<input type="text" />
        会员等级：<select id="vip" class="easyui-combobox" name="dept" style="width:200px;">
            <option value="aa">aitem1</option>
            <option>bitem2</option>
            <option>bitem3</option>
            <option>ditem4</option>
            <option>eitem5</option>
        </select>
        状态：<select id="state" class="easyui-combobox" name="dept" style="width:200px;">
            <option value="aa">aitem1</option>
            <option>bitem2</option>
            <option>bitem3</option>
            <option>ditem4</option>
            <option>eitem5</option>
        </select>
        <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">查询</a>
    </div>
    <div id="dd" title="My Dialog" style="width:400px;height:200px;" data-options="iconCls:'icon-save',resizable:true,modal:true">
        <iframe id="frm1" frameborder="0" scrolling="no" width="99%" height="99%"></iframe>
    </div>

    <script>
        $(function () {
            $('#dg').datagrid({
                url: '../jquery-easyui-1.4.3/demo/datagrid/datagrid_data1.json',
                method: "get",
                toolbar: "#tb",
                fitColumns: true,
                pagination: true,
                singleSelect: true,
                rownumbers: true,
                columns: [[
                     { field: 'productid', title: '会员卡号', width: 150 }
                    , { field: 'productname', title: '会员姓名', width: 300 }
                    , { field: 'unitcost', title: '手机号码', minWidth: 150 }
                    , { field: 'status', title: '累计消费', minWidth: 160 }
                    , { field: 'listprice', title: '会员卡状态', width: 160 }
                    , { field: 'attr1', title: '当前积分', width: 160 }
                    , { field: 'itemid', title: '性别', width: 160 }
                ]]
            });


            $(".lock").click(function () {
                $('#dd').dialog({
                    title: 'My Dialog',
                    width: 530,
                    height: 300
                }).dialog("setTitle", "挂失").dialog("open");
                $('#frm1').attr("src", "lock.html");
            })
        })


    </script>
</body>
</html>
